<div class=" definewidth m20  form2">
	<form  class="form-inline definewidth m20" name="sendForm" id="sendForm" method="post">
	<div class="page_tab">
	  	<span class="btn btn-success active" data="tab_1">站内信</span>
		<span data="tab_3" class="btn btn-success">邮件</span>
		<span data="tab_2" class="btn btn-success">短信</span>
	</div>
  	
  	<table class="table table-bordered table-hover m10">
		 <tr>
	        <td class="tableleft">会员USER_ID </td>
	        <td> <?php echo $user_id;?></td>
	    </tr>
	  </table>
	   <div id="tab_1" class="index_invest" style="display: block;">
	    <table class="table table-bordered table-hover m10">
	     <tr>
	        <td class="tableleft">选择模板 </td>
	        <td>
	        	<select id="msgtemplet" name="msgtemplet"  class="pubput" onchange="templetContent(3);">
					<option value="0">--请选择站内信模板--</option>
					<?php foreach ($msgtemplets as $vk=>$vv){?>
						<option value="<?php echo $vk;?>"><?php echo $vv;?></option>
					<?php }?>
				</select>
			</td>
	    </tr>
	     <tr>
	        <td class="tableleft">标题</td>
	        <td><input class="input" style="width:500px;" type="text" name="msgtitle" id="msgtitle" value="" size="30" /> 
	        <br><p>注：内容中可以使用占位符"#UserName#"(不含引号)来表示对应的用户名称</p> </td>
	    </tr>
	    <tr>
	        <td class="tableleft">内容</td>
	        <td><textarea rows="8" cols="80" id="msgcontent" name="msgcontent"></textarea></td>
	    </tr>
	  </table>
	 </div>
	 <div id="tab_2" class="index_invest" style="display: none;">
	    <table class="table table-bordered table-hover m10">
	     <tr>
	        <td class="tableleft">选择模板 </td>
	        <td>
	        	<select id="emailtemplet" name="emailtemplet"  class="pubput" onchange="templetContent(3);">
					<option value="0">--请选择邮件模板--</option>
					<?php foreach ($emailtemplets as $vk=>$vv){?>
						<option value="<?php echo $vk;?>"><?php echo $vv;?></option>
					<?php }?>
				</select>
			</td>
	    </tr>
	     <tr>
	        <td class="tableleft">标题</td>
	        <td><input class="input" style="width:500px;" type="text" name="emailtitle" id="emailtitle" value="" size="30" /> 
	        <br><p>注：内容中可以使用占位符"#UserName#"(不含引号)来表示对应的用户名称</p> </td>
	    </tr>
	    <tr>
	        <td class="tableleft">内容</td>
	        <td><textarea rows="8" cols="80" id="emailcontent" name="emailcontent"></textarea></td>
	    </tr>
	  </table>
	 </div>
	 <div id="tab_3" class="index_invest" style="display: none;">
	    <table class="table table-bordered table-hover m10">
	     <tr>
	        <td class="tableleft">选择模板 </td>
	        <td>
	        	<select id="smstemplet" name="smstemplet"  class="pubput" onchange="templetContent(3);">
					<option value="0">--请选择短信模板--</option>
					<?php foreach ($smstemplets as $vk=>$vv){?>
						<option value="<?php echo $vk;?>"><?php echo $vv;?></option>
					<?php }?>
				</select>
			</td>
	    </tr>
	     <tr>
	        <td class="tableleft">标题 </td>
	        <td><input class="input" style="width:500px;" type="text" name="smstitle" id="smstitle" value="" size="30" /> 
	        <br><p>注：内容中可以使用占位符"#UserName#"(不含引号)来表示对应的用户名称</p></td>
	    </tr>
	     <tr>
	        <td class="tableleft">内容</td>
	        <td><textarea rows="8" cols="80" id="smscontent" name="smscontent"></textarea></td>
	    </tr>
	  </table>
	 </div>
	 </form>
</div>
<script type="text/javascript">
$(function(){		
	//设计案例切换
	$('.page_tab span').click(function(){
		var liindex = $('.page_tab span').index(this);
		$(this).addClass('active').siblings().removeClass('active');
		$('.form2 div.index_invest').eq(liindex).fadeIn(150).siblings('div.index_invest').hide();
	});
	
	});
</script>